ymmot tuvo ayer la amabilidad de visitarme y dejar constancia de un código para expandir y recoger zonas del blog lo que llamamos swicht. .
Lo que ymmot quizás no sabía es que llevo días con este mismo código intentando darle un
cambio que otro día comentaré.
Aunque los cambios a realizar son mínimos ymmot recomienda hacer una copia de seguridad de nuestra plantilla (Excelente consejo) Voy a hacer un resumen del post de ymmot
Nos situamos en Plantilla y buscamos la etiqueta </head>
Justo antes de </head> deberemos añadir el siguiente código:


<style type='text/css'>
.ver_menu { display:block; }
.ocultar_menu { display:none; }
</style>
<script type='text/JavaScript'>
function desplegar(categoria){
var menu = document.getElementById(categoria);
if(menu.className == &quot;ver_menu"){
menu.className = &quot;ocultar_menu";
}
else{ menu.className = &quot;ver_menu"; } }
</script>


Guardamos los cambios y nos dirigimos al lugar que deseamos añadir el desplegable, en este caso ha sido un post pero también se puede añadir a la sidebar. Editamos una entrada y añadimos lo siguiente:


<script type='text/JavaScript'></script>
<div class="UNIQUENAME">
<a href='javascript:desplegar("UNIQUENAME");'>
<img borde='0' height='35' src='aquí la url de la imagen' width='35'/></a>
<ul class='ocultar_menu' id="UNIQUENAME">

En este espacio todo lo que deseamos ocultar,
texto, imágenes, vídeos ect. ect, ect...


</ul></div>


En el código que debemos añadir para desplegar (el segundo) os daréis cuenta que UNIQUENAME se repite tres veces, UNIQUENAME quiere decir NOMBRE UNICO no podemos repetir ese mismo nombre si decidimos añadir otro swicht o lo que es lo mismo podemos añadir todos los swicht que deseamos siempre que le cambiemos el nombre.
(En lugar de UNIQUENAME cualquier otro, da igual el que sea, no se visualiza en el blog)
Y bien, este es el ejemplo o mejor dicho el resultado de lo que habéis leído hasta ahora:

(Clica en la mano para ver el efecto )




    ¿Un café?
    Vídeos, música, un listado, códigos, enlaces cualquier cosa que deseamos ocultar la
    debemos incluir en este espacio.


Unos datos más a recordar:
El valor del tamaño de la imagen podéis modificarlo en width y height o escoger el grosor del borde de la imagen en borde.

Al igual que ymmot añadí una imagen en el espacio para clicar, si no os gusta una imagen en su lugar podéis añadir texto.




clica aquí


    ¿Un café?
    Vídeos, música, un listado, códigos, enlaces cualquier cosa que deseamos ocultar la
    debemos incluir en este espacio.


¿Cómo añadimos texto?

Sustituimos <img borde='0' height='35' src='aquí la url de la imagen' width='35'/>
por cualquier texto.

Y eso es todo que no es poco :)

Gracias ymmot
Pato Aliaga

Gema querida...

Disculapa mi ignorancia, pero ahce tiempo te he preguntado pòr la fuente que utilizabas en las palabras de tu buscardor y del pie de pagina del blog...

bueno tu me dices que entre en la pagina de livesignatures.com (nose si era haci pero esta en mis favoritos haci que no ahy problemas en que me haya confundido de pagina) encontre el tipo de fuente que queria. pero solamente puedo utilizar imagenes a modo de firma, y con la Id que me dan ingreso a la parte de dercargar fimas; (sigantures creoq eu es firmas en ingles), para ver si es que puedo descargar la fuente de ese tipo de letra, por que mi intencion es poder utilizar esa fuente en mi blog...nose si tienes alguna sugerencia, tu ayuda siempre es muy bien bienvenida.

bueno gema demas esta decirte que tu blog es maravilloso, y creoq eu tod aquel que pasa por aqui se sorprende con el , creo qeu eso es maravilloso, pocas personas lo logran con sus blogs y tu lo has conseguido y conquistado, tu blog es sencillamente hermoso.

adios y disculpa nuevamente la molestia.
Gracias de antemano.
Se despide Patricio Aliaga.

Responder
ymmot

:) Hola Gema

... buen lunes y feliz semana.

Estupendo,... sobran mas explicaciones,... menudo "cruce de codigo" nos hemos dado :-)))

Muchas gracias ;-)

... la verdad que este codigo se presta para muchas cosas,... lo tenia implementado en el Blog de Jazz, seccion de discografias,... pero entre unas cosas y otras,... lo habia dejado un poco olvidado cuando termine de montar ese blog,... seguramente por la paliza que me di,... para "maquetear" los temas de Jazz.

Ese tipo de codigo y sus posibles variaciones para "ocultar y desplegar zonas",... a mas de uno le puede venir bien ( emoticon demonio )
jajajajajajaja

Venga,... una abrazo y estaremos en contacto.

Salu2, tommy,... ymmot ;-)

Responder
enrique

Muy bueno este recurso, seguro que lo utilizaré.
Gem@, tengo un grave problema en mi blog, a ver si me das u a mano: se me ha desaparecido la opción "agregar un elemento de página". Hace varios días ya, no sé cómo puede ocurrir algo así. Es decir que cuando voy a la plantilla > elementos de página no puedo agregar un elemento más, ni en la sidebar ni en el cuerpo del blog ni nada. Y eso me ha ocurrido en los dos blogs que tengo, tienes alguna idea de qué puede haber pasado?
Te agradezco mucho como siempre cualquier ayuda.

Responder
enrique

Ah y tampoco funciona el arrastrar los elementos para ubicarlos donde uno quiere, es de lo más extraño. Auxilio urgente!
Gracias......

Responder
Gem@

Buenas Sr Patrico: Está en lo cierto esa es la página que le proporcioné, es un generador de firmas.
Blogger ofrece la facilidad de cambiar el tipo de fuente en nuestro blog.
Hay que dirigirse a Plantilla/ Fuentes y colores, el número de fuentes que ofrece es muy limitado y hasta ahora desconozco si hay forma de aplicar una fuente externa.
Le agradezco la opinión vertida sobre mi blog, que por otra parte espero sea útil en alguna ocasión aunque en esta no lo sea demasiado.

ymmot nuenos días, seguro que viene bien para alguien :)

Hola Enrique ese problema lo han tenido muchos usuarios incluida yo.
Miré todo, repasé los últimos cambios efectuados en mi blog, suprimí todo lo añadido hasta suceder ese problema, actualizaba la página cada dos minutos y cerré sesión para volver a entrar añadiendo mail y contraseña en vez de hacerlo con el conocido ´´recordar contraseña``
A partir de esto último todo se solucionó quizás no fuera el motivo pero coincidió.
En ayuda Blogger no hay nada sobre eso, ni comentan el tema en el apartado a solucionar problemas (no me dices cuantos días llevas así) pero yo creo que ha sido algo general (aunque no a todos le ha tocado la ´´suerte``)
Solución.. cuando estés en Plantilla actualiza la página (clica f5)sal de Blogger clicando el salir en la barra de Blogger y accede de nuevo añadiendo mail y contraseña (asegurate de recordarla)
Y sobretodo paciencia, si me informo de algo que voy a intentar informarme lo agrego en esta misma entrada ;)
(Lo de arrastrar elementos es más de el mismo problema)

Responder
enrique

Gracias, Gem@, como siempre te agradezco mucho. El problema se me resolvió después de dar muchas vueltas apretando aquí y allá, de repente cambié el idioma del blogger al inglés y así si, vi que aparecía la opción, así que me fui de cabeza al "spanish" otra vez y bueno, con alivio comprobé que ya estaba todo normal. No sé qué habrá sucedido ni cómo se habrá arreglado pero bueno, se ve que son disfunciones del programa o vaya a saberse de qué.
Gracias de nuevo!
Otra peguntita ya que estamos: hay alguna manera de resguardar todo un blog, cosa de prevenir cualquier accidente? A veces pienso que en un momento fatal pueda perder todo el material que tengo allí y me viene pánico.
Te agradezco si sabes de algo. Chaucito.

Responder
Gem@

Me alegra esté ya resuelto Enrique.
Tenía esta página guardada (llevo tiempo pensando lo mismo que tú nadie sabe lo que puede pasar)
No he probado todavía, ya me dirás los resultados ;)

Responder
·.·Cotata·.·

Hola Gema

Mi nombre es Constanza. Desde Santiago de Chile, mil saludos.
Me parece muy bello tu blog. Aunque llegué por un tema en específico, me he dedicado a echarle un ojo.

Bueno, lamentablemente no todo es halagos. Intenté usar el "truco" de Desplegar y recoger ( cualquier parte del blog), en el archivo por meses, en la barra lateral (no manejo muy bien el vocabulario bloggero... pero bueh!, voy aprendiendo de a poco). Pero, no hay caso... no me resulta.
Estoy un poco perdida, y no sé si tiene relación con que no me he querido cambiar al "nuevo" blogger o no, pero la cosa es que no sé dónde tengo que pegar el segundo código para que los meses se "escondan" y no ocupen tanto espacio.
No sé si me expreso bien... pero ya. Mi blog es http://cotatina.blogspot.com
Ojalá lo puedas ver para que me digas qué hago!
Un abrazo grandotote

Responder
Elena

Gema,primero felicitarte por tu blog ,haces cosas preciosas y estas siempre a punto de echar una mano a todo el que te consulta,

yo no me atrevo a toquetear mucho ,vaya aser que lo borre todo,jaja,
veras te cuento tengo un blog de recetas y hace unos dias,me aparece publicidad guarrindonga,entra y sale cuando quiere,tambien me sale al final de la pagina como un chat de chicas,igual entra y sale,

la verdad que no he canviado nada ni he agregado nada a mi blog ,lo he mirado todo y sige estando lo mismo,
no tendras alguna idea de lo que puede pasar,un beso preciosa ,y gracias por adelantado.

elena

Responder
enrique

Gem@, la página de respaldo que me recomendaste me parece que es muy buena y útil, ya resguardé los dos blogs que tengo, aparentemente cumple la función muy bien. Uno de los blogs míos es privado, da la impresión que con los blogs privados no funciona, pero lo que hice fue quitarle momentáneamente la privacidad, para poder guardar, y después nuevamente la repuse. Y todo bien. Nuevamente gracias!

Responder
Gem@

Elena, eso suele pasar cuando agregamos algún enlace al blog, dices que no añadiste nada, pero a veces lo hacemos sin darnos cuenta, quiero decir que añadiendo un contador, estadísticas, o accesorios añadimos a publicidad que viene añadida en el código.

Gracias por la información Enrique, me alegra te fuera de utilidad ;)

Responder
Meigo, aprendiz de Druida

Rosas y besos.

Responder
Gem@

Cotata quizás me expliqué mal sorry, quise decir que se puede aplicar tanto en las entradas como en la sidebar.
Por lo que dices usas una plantilla clásica de Blogger, SI hay forma de aplicar una cajita que despliegue y guarde los archivos, aquí puedes verlo
No todo deben ser halagos Cotata, las críticas y observaciones siempre son bienvenidas y útiles para mejorar.

Responder
Gem@

Gracias mi gran amigo Meigo.
Abrazos cálidos :)

Responder
Anónimo

Hola Gem@! Te cuento que no me está funcionando bien.
Logré poner bien el codigo antes de /HEAD pero cuando pongo el codigo en el post y lo guardo me aparece lo siguiente:

Tag is not closed: < script type=' text/JavaScript ' >

Hay alguna explicación para esto?
Gracias

Responder
Anónimo

Hola, perdona, ya logré solucionar el problema. Te agradezco mucho :)

Responder
Gem@

Bien Ree!

Responder
ritxard

ola gema desde España.
Te sigo desde hace tiempo y utilizo tus codigos, me pareces genial.


Mi problema es este me sale esto
Tag is not closed: < script type=' text/JavaScript ' >
Tambien me gustaría que me aclararas, como se pone texto en vez de una imagen, no me quedó muy claro, o no me sale ejejjeee
Perdona mi torpeza y felicidades por tu blog eres genial

Responder
ritxard

Gracias Gema pues ya he conseguido algo ejjeje¡¡¡ lo oculta y tal todo bien hasta que.... le das para que expanda y me sale Not found error 404 en firefox, creo que soy el alumno más torpe que tienes jejejeje.
Gracias y perdona por darte la tabarra ejjeje¡¡¡¡¡

Muchas gracias por adelantado y felicidade por el mejor blog de utilidades de la red, por lo menos el más entendible para torpes como yo jejeje.

Responder
Gem@

Hola Ricardo, no eres torpe, lo que te ocurría es que al copiar el código en esta entrada omití un cierre para el script :(
Lo sientoooo el error ha sido mío
Por otra parte en la misma entrada he añadido como sustituir la imagen por un texto así de paso puede ser de ayuda para otros.
Dime si te ha resultado bien después de esta corrección ¿si?

Responder
ritxard

Muchiiiiiiiiisimas gracias ahora si que funciona.
Rapidiiiisima Gema, si necesitas cualquier cosa ritxarz@gmail.com.
Todo ok has sido de gran ayuda. un besote.

Responder
Gem@

Que lo disfrutes Ricardo :)

Responder
la-filistea

Gema no pude hacerlo, no encuentro el lugar donde diga /head solamente este head es decir sin cerrarlo.

Y cuando lo pongo en editar entrada tengo que hacerlo en editar 'html' ?? y tambien me sale que hay un codigo que no cerre..

Ayuda plizz o soy bien burra???

Responder
la-filistea

Gema ya pude ponerlo, pero ahora tengo una duda y si en vez de la manita por ejemplo quisiera poner nada mas CLICK AQUI y que al presionar aparezca la imagen escondida como le hago?

Responder
Gem@

Saludos Filistea, siento no contestar antes, he ido mal de tiempo.
Verás para añadir la imagen y que se vea después del CLICK AQUI haz lo siguiente:
Sube la imagen a http://www.imageshack.us/ copias la url, luego en la entrada donde deseas que aparezca la imagen agregas esto:
<img src='aquí pones la url de la imagen'/>
Donde dice aquí pones la url de la imagen pegas la url que te ha generado imageshack con tu imagen.
Si no te resulta házmelo saber ;)

Responder
la-filistea

Gema . muchas gracias por tu respuesta. Te agradezco siempre pero fijate que creo que no se me entendió, lo que pasa es que quiero saber si en vez de una imagen como por ejemplo la manito, podría poner nada mas letras.

Por ejemplo "Click Aquí" y que cuando le presionen ahí entonces la imagen aparezca. Es decir sin una imagen. . .

Que tengo que utilizar entonces?

Responder
Gem@

Pues llevas razón Filistea lo entendí al contrario y llevas razón por partida doble porque omití como agregar un texto en lugar de la imagen.
He añadido al final de la entrada la forma de hacerlo, de esa manera será útil para todos :)
Espero te resulte si no es así házmelo saber.

Responder
la-filistea

¡Por supuesto! ME RESULTO PERFECTAMENTE...!

Gracias nuevamente .. . Gema

Responder
Gem@

!Bien¡

Responder
Akvan

Hola, veo que ayudas con las dudas, así que te cuento y si puede echarme una mano... Sigo los pasos y no me da ningún error, cambio la imagen sin problemas, pero a la hora de darle a la imagen para que se desplegue, nada. En la esquina inferior izquierda al darle pone: Error on page. Y nada mas. Por si quieres ir a la web a mirarlo para saber que pasa debes clicar en el sobre, el ultimo item de la sidebar de la izquierda. Gracias!!

Responder
Gem@

Hola Akvan eso ocurre porque editas la entrada en HTML y luego la visualizas en Redactar lo que hace que se altere el código o distorsione.
Prueba de nuevo y dale salida a la entrada desde donde la escribes y añades el código (sin mirar en redactar)

Responder
Akvan

Esto es eficacia, que velocidad jeje! Creo que no es eso, porque no salgo del html. Voy a diseño de blog -> Elementos de la pagina, en el sidebar le doy a "añadir un elemento de pagina", selecciono HTML/Javascript y en la ventana que sale, todo el rato en html, copio el codigo tal cual. Bueno, cambiando la imagen

Responder
Akvan

Rectifico, a medias. No salgo de html, pero al revisar lo que copie veo que mas de una cosa se ha cambiado sola. Si lo vuelvo a copiar y pegar se vuelve a cambiar.

Responder
Akvan

He conseguido que funcione, gracias por tu ayuda. Por si te interesa lo que he cambiado (mínimamente) ha sido la tercera línea del código poniento:

a href="javascript:desplegar ('gmail')"

Y asi si que me funcion. Gracias!

Responder
Gem@

Hola Akvan esa palabra que yo puse como ejemplo UNIQUENAME quiere decir nombre único, si en tu blog ya la utilizaste por lógica el código no funcionaba, ya sabes que cada vez que desees aplicar ese código deberás emplear una palabra distinta y a poder ser algo extraña para que en un futuro no la apliques a tu blog de lo contrario no funcionará ;)
(una buena idea es alternar letras y números)

Responder
Akvan

Hola otra vez.
No me he dado cuenta de que habia cambiado la palabra, pero ese no era el problema porque era el primero que hacia, ahora he puesto UNIQUENAME en lugar de gmail y funciona igual, como era logico. El cambio que ha hecho que funcione es poner " (2 comillas) donde ponia ' (1 comilla) y poner ' donde ponia ". No tengo ni idea de por que asi funciona y de la otra forma no, pero si lo copio como esta puesto en tu blog al guardar se me distorsiona siempre el codigo (la 3ª linea) y si hago es pequeño cambio antes de darle a guardar ya va como la seda. Te lo digo por si alguna vez aparece alguien con el mismo problema, porque la verdad es que me ha funcionado de chiripa. Muchas gracias por contestar tan rapido todas las veces y felicidades por tu blog, creo que te linkeare :)

Responder
Gem@

Lo tendré en cuenta Akvan pero después de leerte he probado también con " (comillas) envolviendo el código y funciona sin alterar el código, lo he dejado así tal y como está ahora si alguien presenta el problema tú comentario será de mucha utilidad ;)

Responder
DyDy

Hola Gema, me podrias decir cual es el cierre que hace falta y en donde? lo he probado de muchas formas y no logro conseguir el efecto de contraer y recoger,la verdad no tengo ni idea donde hace falta el cierre, me tiene loca jajaj,te agradeceria mucho tu ayuda, saludos.

Responder
Gem@

Dydy no sé donde te falta si no veo tu código :(
Mándamelo vía mail si lo deseas.

Responder
Anónimo

Hola
Hice lo que indicas,pero sigue apareciendo el texto que quiero ocultar.Aparece algo así

seguir leyendo (claro,con vínculo)
y en esta parte sigue apareciendo el texto

¿qué hago?

Responder
Gem@

Hola Geni, hay tres cosas muy importantes:
1- En el segundo código donde dice "UNIQUENAME" debes poner cualquier otro texto (tres veces sale en el código)y las tres debe ser el mismo nombre, teniendo especial cuidado que si ya añadiste esta forma de desplegar en tu blog no debes repetir el nombre.
2- Como es te situarás en Edición de HTML para pegar el código, yo te recomiendo hacer la entrada completa sin ver el efecto el Redactar porque al hacerlo el código se distorsiona.
3- No olvides cerra el código con </ul></div>

Y por último si vas a añadir ese código en la sidebar observa que una vez pegado el código las comillas " están igual.
En estos mismos comentarios Akvan
hizo funcionar el código poniendo " (2 comillas) donde ponia ' (1 comilla) y ' (1 comilla) donde ponía " (2 comillas).
Ya me dirás los resultados.

Responder
Anónimo

Gema, el artilugio de "desplegar y Recoger", en el ^Post si funciona, pero en el -sidebar- no hay manera de hacerlo funcionar, sabes a que se debe?.Un saludo

Responder
Gem@

Prueba el truco de las comillas:
Observa que una vez pegado el código las comillas " están igual.
En estos mismos comentarios Akvan
hizo funcionar el código poniendo " (2 comillas) donde ponia ' (1 comilla) y ' (1 comilla) donde ponía " (2 comillas).

De todas formas te dejo un enlace de otra forma de crear bloques que se despliegan, no ocasiona tanto problema como este y también lo puedes personalizar.

Ya me dirás si te gusta anónimo y si surge algún problema házmelo saber que lo solucionemos ;)

Responder
Paula

Hola Gema!
Gracias por tener un blog como este, me ha servido mucho.
Te escribo porque tengo unos problemas con este código al usarlo en la sidebar.
Lo que pasa es que me resulta ponerlo, cuando cargo mi blog se ve la imagen que puse y hasta ahí, todo bien.
Pero cuando hago click en la imagen, no pasa nada, y al ver el código del elemento, me doy cuenta que se le ha borrado y cambiado una parte, que es esta; en vez de salir esto (que es lo que yo originalmente escribi, sin el *):

<*script type='text/JavaScript'><*/script>
<*div class="UNO">
<*a href='javascript:desplegar("UNO");'>
<*img borde='0' height='28' src='http://i194.photobucket.com/albums/z75/Paulara/paraexpandiryocultarcopia.jpg' width='170'/><*/a>


me sale esto:

<*script type="text/JavaScript"><*/script>
<*div class="UNO">
<*a ); uno href="javascript:desplegar(">
<*img width="170" src="http://i194.photobucket.com/albums/z75/Paulara/paraexpandiryocultarcopia.jpg" borde="0" height="28"/><*/a>

que puedo hacer? ojala me respondas.
Gracias. ^_^

Responder
Gem@

Prueba de
esta otra forma Paula es muy sencilla y no ocasiona tatos problemas al añadirlo en la sidebar.
Si te quedan dudas házmelo saber. ;)

Responder
Jack Hammer

¡Albricias, Gema! Me ha salido bien en un blog de pruebas que me he preparado.

Voy a probar ahora con el Read More que aún se me resiste. He probado con un montón de códigos incluido el que tú nos proporcionas y no sale ni para atrás.

Responder
Gem@

Lo ideal es que la plantilla de pruebas sea como la que utilizamos para nuestro blog, facilita mucho a la hora de hacer modificaciones y localizar un código ;)

Responder
Jack Hammer

Oído, cocina!

Gracias, Gema

Responder
Nad!a

GEMA hola soy nueva.. hace poco descubri tu blgo y la verdad me ha sido de gran utilidad.. he probado y luego de varios intentos funciono el hecho de despeglar una entrada.. yo lo use con texto y la verdad, lo que no me convence es q lo primero queda subrayado y en otro color... no habria forma de q quede como texto normal, sin vinculo?? espero lo puedas responder gracias!!!!!!
el blgo esta buenisimo!!

Responder
Anónimo

Hola

quisiera preguntar, como se hace para que la parte del post que se desplega quede alineada con el restro del texto y no un poco hacia la derecha?
muchas gracias

Responder
Gem@

Anónimo inténtalo añadiendo <center> al principio y </center> al final del contenido que se despliega.

Responder
Wacker2K

Hola Gem@, queria saber como puedo hacer para que no quede tanto espacio entre una imagen y otra ... bueno eso nada mas ... chauuu

Responder
Karina

Gemit@!!
Antes que nada debo felicitarte por los nuevos cambios del blog -tenía como 4 meses sin venir- excelente el menú de búsqueda de contenidos, antes casi no conseguía lo que necesitaba o me costaba mucho encontrarlo, incluso me era más fácil solicitarte la información en cualquier post que hayar la info, pero ahora con este ORDEN llegué perfecta y super rápido al tema que me ocupa.

Fíjate voy paso a paso para obtener el desplegable y "No hay manera de que me salga", me aparece el icono y la información oculta pero al darle click no se despliega nada.

Lo estoy haciendo en la plantilla "gossipcity" no ingresé con ella porque se trata de un proyecto que apenas estoy arrancando y no lo quiero divulgar todavía.

Muchas gracias y un beso!

Responder
Karina

Olvidé decirte que lo estoy aplicando es el Sidebar, no en una entrada.

Gracias otra vez!

Responder
Kronos Corp.

Gracias me sirvio muchisimo

Responder
Gem@

The Gost aunque bastante tarde te pregunto ¿dónde van las imágenes?

Karina mira que cierre con </ul></div> y si añades este efecto más de una vez que el nombre no se repita. UNIQUENAME lo sustituyes por otro nombre y listo ;)

Gracias a ti por comentar Cloud Strife ;)

Responder
Anónimo

Hola Gem@, antetodo decirte que me encanta tu blog y que discuples mi ignorancia, estoy comenzando ahora con todo este asunto del blog, pero estoy entusiasmado.
Quiero aplicar esto que explicas en esta entrada a un elemento en sidebar.
Mi consulta en el lugar donde dices:

En este espacio todo lo que deseamos ocultar,
texto, imágenes, vídeos ect. ect, ect...

aquí, exactamente que hemos de poner la dirección del elemento que quiero ver/ocultar. Si es así dime como lo encunetro.
Grancias de antemano

Responder
Gem@

Saludos y bienvenido Tito lo que debes poner es el código de cualquier contenido que deseas añadir, si es una imagen el código de una imagen, el código que añadimos para un vídeo ect...
Lo que añades antes de </ul></div> quedará oculto a primera vista.
Ahora bien, para añadirlo en la sidebar yo te recomiendo hacerlo de esta forma.

Responder
Flores Literarias

hola Gemit@, podrías indicarme la entrada para poner movimiento a los enlaces o títulos... es el efecto que tienes en archivos en las palabras expandir/contraer. al pasar el cursor se mueven un poco... el mismo efecto lo incluyes en entradas relacionadas...me gusta y deseo añadirlo... espero tu respuesta... gracias de nuevo...

Responder
Gem@

FL dependiendo del lugar que vas a añadir ese fecto en los enlaces así es el sitio donde lo aplicas.
Te adelanto que se trata de añadir un tamaño de fuente y color distinto en el enlace que visualizamos y el que se muestra al pasar el cursor.
a:link "tal y como lo vemos"
a:visited "enlace visitado"
a:active "cuando se está pulsando"
a:hover "con el cursor encima"
Si lo añadimos por ejemplo a todo el blog buscaremos body {

Luego buscamos:
a:hover {
color:#660000;
text-decoration:underline;
}
y.......
a:link {
color:#948a04;
text-decoration:none;
}

Y le añadimos el tamaño de fuente en a:link { por ejemplo font-size: 12px;
Y en a:hover font-size: 9px; quedaría algo así:
a:hover {
color:#660000;
font-size: 9px;
text-decoration:underline;
}
a:link {
color:#948a04;
font-size: 12px;
text-decoration:none;
}

Responder
ana

Gema Gema no se que pasa, el efecto a dejado de funcionar de la noche a la mañana!!!! que puede pasar, todo mi contenido lo tengo con ese efecto. ayudame porfavor, te dejo la URL para que lo compruebes. Gracias

http://descargaloquequieres.blogspot.com/2009/05/descargar-hannah-montana-la-pelicula.html

Responder
ana

Ya esta resuelto Gema :D

Una cosa, como hago para poner esos emoticonos que tienes en los comentarios?

Responder
Gem@

yz Que bien Ana que ya se solucionó :)
Los emoticones los añadí siguiendo los pasos de esta entrada de J.Miur:
http://vagabundia.blogspot.com/2007/08/blogger-y-los-emoticones.html
Suerte ;)

Responder
ana

uuuueeeeee lo he logrado poner Gema con las explicaciones de Vagabundia.
Pero te queria preguntar una cosa, como pusiste la imagen que tienes justo antes de donde escribir los comentarios, donde pone que signos poner para que resulte el emoticono. Soy ana pero esque te escribo con la cuenta de mi novio.

Responder
Gem@

yz Hola Ana, hay que expandir la plantilla y buscar:
<b:includable id='comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<h3><data:postCommentMsg/></h3>
<p><data:blogCommentMessage/></p>

En la cuarta línea donde <h3><data:postCommentMsg/></h3> eliminamos <data:postCommentMsg/> y en su lugar añadimos la imagen.

<img src='url-de-la-imagen'/>

Si quieres mira mejor esta entrada :)

Responder
Anónimo

Muchas gracias como siempre fácilmente explicado!!

Responder
Gem@

yz Gracias a ti por comentar Gxux :)

Responder
Sirkan!

Hola! gracias por el truco xD
pero queria saber como hago para que en vez de desplegarse hacia abajo, se despliegue hacia arriba, como el chat de facebook.??

Porque estoy tratando de hacer el mismo efecto del chat de facebook con mi chat, y solo me falta lograr que se despliege y salga la pagina donde tengo alojado mi chat.
Como lo puedo hacer??

Si puedes ayudarme te lo agradeceria mucho :D

Saludos!

Responder
Gem@

:: No sé la forma de hacerlo Sirkan, lo siento :S

Responder
Sirkan!

Pucha :(, igual Gracias Gem@! ;)

Responder
Gem@

:: No hay de qué Sirkan!

Responder
Montse

Genial! gracias

Responder
Gem@

:: Asociación de Artrite de Santiago y sencillo verdad?

Responder
Matius Lenin

Excelente truco me sirvio. Aunque te sobra un script type='text/JavaScript vació en el segundo fragmento.

Responder
spider_pc

Hola gracias por los datos porcedi como indican pero tengo un problema todo el texto que quiero qeu se depligue se junta. Como lo puedo solucionar?

Aca el ejemplo: http://tequieroperosolocomoamiga.blogspot.com/2011/03/rocksaltaradio-2011-programas-de-la.html

Quisera que las listas de contenidos sean desplegables pero que queden de la forma que estan no que se junte todo como es el ultimo caso.

Responder
Gem@

:: spider_pc prueba con este sistema, es mucho más sencillo y no daproblemas :)
http://gemablog-.blogspot.com/2008/12/mtodo-sencillo-de-expandir-recoger.html

Responder
hikaru

hola.... pues a mi no me sale, pongo lo q dicen, pero al momento de poner lo segundo:

(no me quiere dejar poner el codigo asi que solo pondre lo q cambie)
...desplegar("UN")
(quite para la imagen y solo puse esto sin ningun <> o algo y puse solo esto)
Proyectos y en el espacio en donde se supone tenia q escirbir puse "mis libros"

me sale "Proyecto y sin oculta hasta abajo "Mi lIbro", asi:

Proyectos

Mi libros

el detalle es que, todo lo puse en el post, porque no me permite poner lo primero en la plantilla.... si asi no se puede, ¿de que manera pondo un texto deplegable solo poniendo el codigo en el post?
no se si me explique?

Responder

Los comentarios han sido inhabilitados temporalmente. ¡GRACIAS!

:):'(:(:P:D:$;):-I:X:O|O:S

Nota: solo los miembros de este blog pueden publicar comentarios.

 


top